
$(function () {
  $('#link-reg').on('click', function () {
    $('.reg-box').show()
    $('.login-box').hide()
  })

  $('#link-login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  });

  // 使用 layui.form.verify() 自定义效验规则
  layui.form.verify({
    // 键:值
    // :自定义效验规则的名字:自定义效验规则
    // uname:[正则,错误提示]
    uname: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须是1-10位字母和数字'],
    pwd: [/^\S{6,15}$/, '密码必须是6-15位的非空字符'],
    // 判断连词密码是否一致的规则
    repwd: function (value) {
      // 注意:形参中的value值是'确认密码框'的值
      // 应该和'密码框'的值进行对比
      const pwd = $('.reg-box [name="password"]').val();
      if (value!== pwd) {
        // 效验不通过
        return '两次密码不一致'
      }
    }
  });

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
  // 监听注册submit事件
  $('.reg-box form').on('submit', function (e) {
    e.preventDefault()
    // 发起POST请求
    axios.post('/api/reg',$(this).serialize()).then(({data:res}) => {
      if (res.code===0) {
        // 成功   弹出层
        layer.msg('注册成功,请登录')
        $('#link-login').click()
      } else {
        // 失败
        layer.msg(res.message)
      }
    })
  });
  
  // 监听登录表单的 submit 事件
  $('.login-box form').on('submit', function (e) {
    e.preventDefault()
    // 发起POST请求
    axios.post('/api/login',$(this).serialize()).then(({data:res}) => {
      if (res.code===0) {
        // 成功   弹出层
        layer.msg('登录成功^_^')
        localStorage.setItem('token', res.token)
        location.href ='/index.html'
      } else {
        // 失败
        layer.msg('登录失败!!! ')
        localStorage.removeItem('token')
      }
    })
  });

  })

